﻿<!DOCTYPE html>
<html>
<head>
    <title>数据总览</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/数据总览/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
        @font-face {
        //
        }</style>
    <script type="text/javascript" src="https://bi.2u3u.com/tools/js/fuhao3.js"></script>
    <script type="text/javascript" src="https://js.users.51.la/20245797.js"></script>
    <style type="text/css"></style>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/数据总览/data.js"></script>
    <script src="./echarts.min.js"></script>
    <script type="text/javascript">
        $axure.utils.getTransparentGifPath = function () {
            return 'resources/images/transparent.gif';
        };
        $axure.utils.getOtherPath = function () {
            return 'resources/Other.html';
        };
        $axure.utils.getReloadPath = function () {
            return 'resources/reload.html';
        };
    </script>
</head>
<body>
<div id="base" class="">

    <!-- Unnamed (Rectangle) -->
    <div id="u1190" class="ax_default box_1">
        <div id="u1190_div" class=""></div>
        <div id="u1190_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1191" class="ax_default box_1">
        <div id="u1191_div" class=""></div>
        <div id="u1191_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1192" class="ax_default box_1">
        <div id="u1192_div" class=""></div>
        <div id="u1192_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1193" class="ax_default box_1">
        <div id="u1193_div" class=""></div>
        <div id="u1193_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1194" class="ax_default box_1">
        <div id="u1194_div" class=""></div>
        <div id="u1194_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1195" class="ax_default box_1">
        <div id="u1195_div" class=""></div>
        <div id="u1195_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1196" class="ax_default box_1">
        <div id="u1196_div" class=""></div>
        <div id="u1196_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1197" class="ax_default box_1">
        <div id="u1197_div" class=""></div>
        <div id="u1197_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1198" class="ax_default box_1">
        <div id="u1198_div" class=""></div>
        <div id="u1198_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1199" class="ax_default box_1">
        <div id="u1199_div" class=""></div>
        <div id="u1199_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1200" class="ax_default box_1">
        <div id="u1200_div" class=""></div>
        <div id="u1200_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1201" class="ax_default box_1">
        <div id="u1201_div" class=""></div>
        <div id="u1201_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1202" class="ax_default _三级标题">
        <div id="u1202_div" class=""></div>
        <div id="u1202_text" class="text ">
            <p><span>实时概况</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1203" class="ax_default _文本段落">
        <div id="u1203_div" class=""></div>
        <div id="u1203_text" class="text ">
            <p><span>今日收入（元）：0.00</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1204" class="ax_default _文本段落">
        <div id="u1204_div" class=""></div>
        <div id="u1204_text" class="text ">
            <p><span>昨日收入（元）：0.00</span></p>
        </div>
    </div>

    <!-- Unnamed (Vertical Line) -->
    <div id="u1205" class="ax_default line">
        <img id="u1205_img" class="img " src="images/数据总览/u1205.svg"/>
        <div id="u1205_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!--实时概况的折线图-->
    <div id="u1206" class="ax_default" data-left="52" data-top="83" data-width="1563" data-height="312">

        <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
        <div id="main" style="width: 1500px;height:360px;padding-top: 70px"></div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1273" class="ax_default box_1">
            <div id="u1273_div" class=""></div>
            <div id="u1273_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1274" class="ax_default box_1">
            <div id="u1274_div" class=""></div>
            <div id="u1274_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1275" class="ax_default _文本段落">
            <div id="u1275_div" class=""></div>
            <div id="u1275_text" class="text ">
                <p><span>付费用户数</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1276" class="ax_default _文本段落">
            <div id="u1276_div" class=""></div>
            <div id="u1276_text" class="text ">
                <p><span>0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1277" class="ax_default _文本段落">
            <div id="u1277_div" class=""></div>
            <div id="u1277_text" class="text ">
                <p><span>昨日全天</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1278" class="ax_default _文本段落">
            <div id="u1278_div" class=""></div>
            <div id="u1278_text" class="text ">
                <p><span>0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1279" class="ax_default _文本段落">
            <div id="u1279_div" class=""></div>
            <div id="u1279_text" class="text ">
                <p><span>支付订单数</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1280" class="ax_default _文本段落">
            <div id="u1280_div" class=""></div>
            <div id="u1280_text" class="text ">
                <p><span>0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1281" class="ax_default _文本段落">
            <div id="u1281_div" class=""></div>
            <div id="u1281_text" class="text ">
                <p><span>昨日全天</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1282" class="ax_default _文本段落">
            <div id="u1282_div" class=""></div>
            <div id="u1282_text" class="text ">
                <p><span>0</span></p>
            </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u1283" class="ax_default _形状">
            <img id="u1283_img" class="img " src="images/数据总览/u1283.svg"/>
            <div id="u1283_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- 提示1 (Rectangle) -->
        <div id="u1284" class="ax_default box_1 ax_default_hidden" data-label="提示1"
             style="display:none; visibility: hidden">
            <div id="u1284_div" class=""></div>
            <div id="u1284_text" class="text ">
                <p><span>店铺内付费购买商品的用户数</span></p>
            </div>
        </div>

        <!-- 提示2 (Rectangle) -->
        <div id="u1285" class="ax_default box_1 ax_default_hidden" data-label="提示2"
             style="display:none; visibility: hidden">
            <div id="u1285_div" class=""></div>
            <div id="u1285_text" class="text ">
                <p><span>店铺内成功付款的订单数</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Shape) -->
    <div id="u1287" class="ax_default _形状">
        <img id="u1287_img" class="img " src="images/数据总览/u1283.svg"/>
        <div id="u1287_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1288" class="ax_default _三级标题">
        <div id="u1288_div" class=""></div>
        <div id="u1288_text" class="text ">
            <p><span>运营视窗</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1289" class="ax_default _三级标题">
        <div id="u1289_div" class=""></div>
        <div id="u1289_text" class="text ">
            <p><span>核心指标</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1290" class="ax_default _文本段落">
        <div id="u1290_div" class=""></div>
        <div id="u1290_text" class="text ">
            <p><span>收入（元）</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1291" class="ax_default _文本段落">
        <div id="u1291_div" class=""></div>
        <div id="u1291_text" class="text ">
            <p><span>0.00</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1292" class="ax_default _文本段落">
        <div id="u1292_div" class=""></div>
        <div id="u1292_text" class="text ">
            <p><span>环比</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1293" class="ax_default _文本段落">
        <div id="u1293_div" class=""></div>
        <div id="u1293_text" class="text ">
            <p><span>0.00</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1294" class="ax_default _文本段落">
        <div id="u1294_div" class=""></div>
        <div id="u1294_text" class="text ">
            <p><span>%</span></p>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u1295" class="ax_default" data-left="326" data-top="596" data-width="76" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u1296" class="ax_default _文本段落">
            <div id="u1296_div" class=""></div>
            <div id="u1296_text" class="text ">
                <p><span>浏览量</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1297" class="ax_default _文本段落">
            <div id="u1297_div" class=""></div>
            <div id="u1297_text" class="text ">
                <p><span>0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1298" class="ax_default _文本段落">
            <div id="u1298_div" class=""></div>
            <div id="u1298_text" class="text ">
                <p><span>环比</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1299" class="ax_default _文本段落">
            <div id="u1299_div" class=""></div>
            <div id="u1299_text" class="text ">
                <p><span>0.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1300" class="ax_default _文本段落">
            <div id="u1300_div" class=""></div>
            <div id="u1300_text" class="text ">
                <p><span>%</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u1301" class="ax_default" data-left="593" data-top="596" data-width="76" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u1302" class="ax_default _文本段落">
            <div id="u1302_div" class=""></div>
            <div id="u1302_text" class="text ">
                <p><span>访客数</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1303" class="ax_default _文本段落">
            <div id="u1303_div" class=""></div>
            <div id="u1303_text" class="text ">
                <p><span>0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1304" class="ax_default _文本段落">
            <div id="u1304_div" class=""></div>
            <div id="u1304_text" class="text ">
                <p><span>环比</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1305" class="ax_default _文本段落">
            <div id="u1305_div" class=""></div>
            <div id="u1305_text" class="text ">
                <p><span>0.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1306" class="ax_default _文本段落">
            <div id="u1306_div" class=""></div>
            <div id="u1306_text" class="text ">
                <p><span>%</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u1307" class="ax_default" data-left="860" data-top="596" data-width="76" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u1308" class="ax_default _文本段落">
            <div id="u1308_div" class=""></div>
            <div id="u1308_text" class="text ">
                <p><span>下载量</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1309" class="ax_default _文本段落">
            <div id="u1309_div" class=""></div>
            <div id="u1309_text" class="text ">
                <p><span>0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1310" class="ax_default _文本段落">
            <div id="u1310_div" class=""></div>
            <div id="u1310_text" class="text ">
                <p><span>环比</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1311" class="ax_default _文本段落">
            <div id="u1311_div" class=""></div>
            <div id="u1311_text" class="text ">
                <p><span>0.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1312" class="ax_default _文本段落">
            <div id="u1312_div" class=""></div>
            <div id="u1312_text" class="text ">
                <p><span>%</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u1313" class="ax_default" data-left="1128" data-top="596" data-width="76" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u1314" class="ax_default _文本段落">
            <div id="u1314_div" class=""></div>
            <div id="u1314_text" class="text ">
                <p><span>支付订单量</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1315" class="ax_default _文本段落">
            <div id="u1315_div" class=""></div>
            <div id="u1315_text" class="text ">
                <p><span>0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1316" class="ax_default _文本段落">
            <div id="u1316_div" class=""></div>
            <div id="u1316_text" class="text ">
                <p><span>环比</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1317" class="ax_default _文本段落">
            <div id="u1317_div" class=""></div>
            <div id="u1317_text" class="text ">
                <p><span>0.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1318" class="ax_default _文本段落">
            <div id="u1318_div" class=""></div>
            <div id="u1318_text" class="text ">
                <p><span>%</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u1319" class="ax_default" data-left="1394" data-top="596" data-width="76" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u1320" class="ax_default _文本段落">
            <div id="u1320_div" class=""></div>
            <div id="u1320_text" class="text ">
                <p><span>付费用户数</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1321" class="ax_default _文本段落">
            <div id="u1321_div" class=""></div>
            <div id="u1321_text" class="text ">
                <p><span>0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1322" class="ax_default _文本段落">
            <div id="u1322_div" class=""></div>
            <div id="u1322_text" class="text ">
                <p><span>环比</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1323" class="ax_default _文本段落">
            <div id="u1323_div" class=""></div>
            <div id="u1323_text" class="text ">
                <p><span>0.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1324" class="ax_default _文本段落">
            <div id="u1324_div" class=""></div>
            <div id="u1324_text" class="text ">
                <p><span>%</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Shape) -->
    <div id="u1325" class="ax_default _形状">
        <img id="u1325_img" class="img " src="images/数据总览/u1283.svg"/>
        <div id="u1325_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- 提示2 (Rectangle) -->
    <div id="u1326" class="ax_default box_1 ax_default_hidden" data-label="提示2"
         style="display:none; visibility: hidden">
        <div id="u1326_div" class=""></div>
        <div id="u1326_text" class="text ">
            <p><span>筛选时间段内，店铺内付费购买商品的用户数</span></p>
        </div>
    </div>

    <!-- Unnamed (Shape) -->
    <div id="u1327" class="ax_default _形状">
        <img id="u1327_img" class="img " src="images/数据总览/u1283.svg"/>
        <div id="u1327_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- 提示2 (Rectangle) -->
    <div id="u1328" class="ax_default box_1 ax_default_hidden" data-label="提示2"
         style="display:none; visibility: hidden">
        <div id="u1328_div" class=""></div>
        <div id="u1328_text" class="text ">
            <p><span>筛选时间段内，店铺内成功付款的订单数</span></p>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u1329" class="ax_default" data-left="1071" data-top="593" data-width="13" data-height="13">

        <!-- Unnamed (Shape) -->
        <div id="u1330" class="ax_default _形状">
            <img id="u1330_img" class="img " src="images/数据总览/u1283.svg"/>
            <div id="u1330_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- 提示2 (Rectangle) -->
        <div id="u1331" class="ax_default box_1 ax_default_hidden" data-label="提示2"
             style="display:none; visibility: hidden">
            <div id="u1331_div" class=""></div>
            <div id="u1331_text" class="text ">
                <p><span>筛选时间段内，店铺内文档被下载的次数</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u1332" class="ax_default" data-left="802" data-top="593" data-width="13" data-height="13">

        <!-- Unnamed (Shape) -->
        <div id="u1333" class="ax_default _形状">
            <img id="u1333_img" class="img " src="images/数据总览/u1283.svg"/>
            <div id="u1333_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- 提示2 (Rectangle) -->
        <div id="u1334" class="ax_default box_1 ax_default_hidden" data-label="提示2"
             style="display:none; visibility: hidden">
            <div id="u1334_div" class=""></div>
            <div id="u1334_text" class="text ">
                <p><span>筛选时间段内，店铺所有页面的访问人数</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u1335" class="ax_default" data-left="534" data-top="593" data-width="13" data-height="13">

        <!-- Unnamed (Shape) -->
        <div id="u1336" class="ax_default _形状">
            <img id="u1336_img" class="img " src="images/数据总览/u1283.svg"/>
            <div id="u1336_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- 提示2 (Rectangle) -->
        <div id="u1337" class="ax_default box_1 ax_default_hidden" data-label="提示2"
             style="display:none; visibility: hidden">
            <div id="u1337_div" class=""></div>
            <div id="u1337_text" class="text ">
                <p><span>筛选时间段内，店铺所有页面被访问的次数</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u1338" class="ax_default" data-left="275" data-top="593" data-width="13" data-height="13">

        <!-- Unnamed (Shape) -->
        <div id="u1339" class="ax_default _形状">
            <img id="u1339_img" class="img " src="images/数据总览/u1283.svg"/>
            <div id="u1339_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- 提示2 (Rectangle) -->
        <div id="u1340" class="ax_default box_1 ax_default_hidden" data-label="提示2"
             style="display:none; visibility: hidden">
            <div id="u1340_div" class=""></div>
            <div id="u1340_text" class="text ">
                <p><span>筛选时间段内，店铺内付费文档、付费课程的店铺收入金额</span></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1341" class="ax_default _三级标题">
        <div id="u1341_div" class=""></div>
        <div id="u1341_text" class="text ">
            <p><span>指标趋势</span></p>
        </div>
    </div>

    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main2" style="width: 1600px;height:360px;padding-top: 700px"></div>

    <!-- Unnamed (Group) -->
    <div id="u1425" class="ax_default" data-left="1464" data-top="478" data-width="149" data-height="40">

        <!-- 下拉 (Rectangle) -->
        <div id="u1426" class="ax_default box_1" data-label="下拉">
            <div id="u1426_div" class=""></div>
            <div id="u1426_text" class="text ">
                <p><span>昨日</span></p>
            </div>
        </div>

        <!--        &lt;!&ndash; Unnamed (Shape) &ndash;&gt;-->
        <!--        <div id="u1427" class="ax_default _形状">-->
        <!--          <img id="u1427_img" class="img " src="images/文档/u245.svg"/>-->
        <!--          <div id="u1427_text" class="text " style="display:none; visibility: hidden">-->
        <!--            <p></p>-->
        <!--          </div>-->
        <!--        </div>-->
        <!--        <select name="sel">-->
        <!--          <option label="昨日">昨日</option>-->
        <!--          <option label="3日">3日</option>-->
        <!--          <option label="7日">7日</option>-->
        <!--          <option label="15日">15日</option>-->
        <!--          <option label="30日">30日</option>-->
        <!--        </select>-->
    </div>

    <!-- 菜单下拉 (Dynamic Panel) -->
    <div id="u1428" class="ax_default ax_default_hidden" data-label="菜单下拉" style="display:none; visibility: hidden">
        <div id="u1428_state0" class="panel_state" data-label="State1" style="">
            <div id="u1428_state0_content" class="panel_state_content">

                <!-- Unnamed (Group) -->
                <div id="u1429" class="ax_default" data-left="0" data-top="0" data-width="144" data-height="194">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u1430" class="ax_default box_1">
                        <div id="u1430_div" class=""></div>
                        <div id="u1430_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u1431" class="ax_default box_1">
                        <div id="u1431_div" class=""></div>
                        <div id="u1431_text" class="text ">
                            <p><span>昨日</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u1432" class="ax_default box_1">
                        <div id="u1432_div" class=""></div>
                        <div id="u1432_text" class="text ">
                            <p><span>3日</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u1433" class="ax_default box_1">
                        <div id="u1433_div" class=""></div>
                        <div id="u1433_text" class="text ">
                            <p><span>7日</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u1434" class="ax_default box_1">
                        <div id="u1434_div" class=""></div>
                        <div id="u1434_text" class="text ">
                            <p><span>15日</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u1435" class="ax_default box_1">
                        <div id="u1435_div" class=""></div>
                        <div id="u1435_text" class="text ">
                            <p><span>30日</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u1436" class="ax_default _三级标题">
        <div id="u1436_div" class=""></div>
        <div id="u1436_text" class="text ">
            <p><span>流量看板</span></p>
        </div>
    </div>

    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main3" style="width: 1600px;height:360px;padding-top: 40px"></div>

    <!-- Unnamed (Group) -->
    <div id="u1437" class="ax_default" data-left="56" data-top="1145" data-width="1563" data-height="309">

        <!-- Unnamed (Group) -->
        <div id="u1438" class="ax_default" data-left="56" data-top="1192" data-width="1407" data-height="262">

            <!-- Unnamed (Rectangle) -->
            <div id="u1504" class="ax_default box_1">
                <div id="u1504_div" class=""></div>
                <div id="u1504_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1505" class="ax_default box_1">
                <div id="u1505_div" class=""></div>
                <div id="u1505_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1506" class="ax_default _文本段落">
                <div id="u1506_div" class=""></div>
                <div id="u1506_text" class="text ">
                    <p><span>浏览量</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1507" class="ax_default _文本段落">
                <div id="u1507_div" class=""></div>
                <div id="u1507_text" class="text ">
                    <p><span>0</span></p>
                </div>
            </div>

            <!-- 符号制作 (Rectangle) -->
            <div id="u1508" class="ax_default _文本段落" data-label="符号制作">
                <div id="u1508_div" class=""></div>
                <div id="u1508_text" class="text ">
                    <p><span>访客数</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1509" class="ax_default _文本段落">
                <div id="u1509_div" class=""></div>
                <div id="u1509_text" class="text ">
                    <p><span>0</span></p>
                </div>
            </div>

            <!-- 提示2 (Rectangle) -->
            <div id="u1511" class="ax_default box_1 ax_default_hidden" data-label="提示2"
                 style="display:none; visibility: hidden">
                <div id="u1511_div" class=""></div>
                <div id="u1511_text" class="text ">
                    <p><span>筛选时间段内，店铺所有页面的访问人数</span></p>
                </div>
            </div>

            <!-- 提示2 (Rectangle) -->
            <div id="u1514" class="ax_default box_1 ax_default_hidden" data-label="提示2"
                 style="display:none; visibility: hidden">
                <div id="u1514_div" class=""></div>
                <div id="u1514_text" class="text ">
                    <p><span>筛选时间段内，店铺所有页面被访问的次数</span></p>
                </div>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1515" class="ax_default _文本段落">
            <div id="u1515_div" class=""></div>
            <div id="u1515_text" class="text ">
                <p><span>环比</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1516" class="ax_default _文本段落">
            <div id="u1516_div" class=""></div>
            <div id="u1516_text" class="text ">
                <p><span>0.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1517" class="ax_default _文本段落">
            <div id="u1517_div" class=""></div>
            <div id="u1517_text" class="text ">
                <p><span>%</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1518" class="ax_default _文本段落">
            <div id="u1518_div" class=""></div>
            <div id="u1518_text" class="text ">
                <p><span>环比</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1519" class="ax_default _文本段落">
            <div id="u1519_div" class=""></div>
            <div id="u1519_text" class="text ">
                <p><span>0.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1520" class="ax_default _文本段落">
            <div id="u1520_div" class=""></div>
            <div id="u1520_text" class="text ">
                <p><span>%</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1521" class="ax_default _三级标题">
            <div id="u1521_div" class=""></div>
            <div id="u1521_text" class="text ">
                <p><span>商品看板</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1522" class="ax_default _三级标题">
            <div id="u1522_div" class=""></div>
            <div id="u1522_text" class="text ">
                <p><span>访客榜TOP5商品</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1523" class="ax_default _三级标题">
            <div id="u1523_div" class=""></div>
            <div id="u1523_text" class="text ">
                <p><span>支付榜TOP5商品</span></p>
            </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1524" class="ax_default" data-left="841" data-top="1628" data-width="764" data-height="41">

            <!-- Unnamed (Rectangle) -->
            <div id="u1525" class="ax_default box_2">
                <div id="u1525_div" class=""></div>
                <div id="u1525_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1526" class="ax_default _三级标题">
                <div id="u1526_div" class=""></div>
                <div id="u1526_text" class="text ">
                    <p><span>排名</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1527" class="ax_default _三级标题">
                <div id="u1527_div" class=""></div>
                <div id="u1527_text" class="text ">
                    <p><span>商品名称</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1528" class="ax_default _三级标题">
                <div id="u1528_div" class=""></div>
                <div id="u1528_text" class="text ">
                    <p><span>付费用户数</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1529" class="ax_default _三级标题">
                <div id="u1529_div" class=""></div>
                <div id="u1529_text" class="text ">
                    <p><span>输入（元）</span></p>
                </div>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1530" class="ax_default box_1">
            <div id="u1530_div" class=""></div>
            <div id="u1530_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u1531" class="ax_default _图片_">
            <img id="u1531_img" class="img " src="images/数据总览/u1531.png"/>
            <div id="u1531_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u1532" class="ax_default _图片_">
            <img id="u1532_img" class="img " src="images/数据总览/u1532.png"/>
            <div id="u1532_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u1533" class="ax_default _图片_">
            <img id="u1533_img" class="img " src="images/数据总览/u1533.png"/>
            <div id="u1533_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1534" class="ax_default _文本段落">
            <div id="u1534_div" class=""></div>
            <div id="u1534_text" class="text ">
                <p><span>什么是新型的淘宝客模式？</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1535" class="ax_default _文本段落">
            <div id="u1535_div" class=""></div>
            <div id="u1535_text" class="text ">
                <p><span>什么是新型的淘宝客模式？</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1536" class="ax_default _文本段落">
            <div id="u1536_div" class=""></div>
            <div id="u1536_text" class="text ">
                <p><span>什么是新型的淘宝客模式？</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1537" class="ax_default _文本段落">
            <div id="u1537_div" class=""></div>
            <div id="u1537_text" class="text ">
                <p><span>123</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1538" class="ax_default _文本段落">
            <div id="u1538_div" class=""></div>
            <div id="u1538_text" class="text ">
                <p><span>123</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1539" class="ax_default _文本段落">
            <div id="u1539_div" class=""></div>
            <div id="u1539_text" class="text ">
                <p><span>123</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1540" class="ax_default _文本段落">
            <div id="u1540_div" class=""></div>
            <div id="u1540_text" class="text ">
                <p><span>共享文档</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1541" class="ax_default _文本段落">
            <div id="u1541_div" class=""></div>
            <div id="u1541_text" class="text ">
                <p><span>共享文档</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1542" class="ax_default _文本段落">
            <div id="u1542_div" class=""></div>
            <div id="u1542_text" class="text ">
                <p><span>共享文档</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1543" class="ax_default box_1">
            <div id="u1543_div" class=""></div>
            <div id="u1543_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u1544" class="ax_default _图片_">
            <img id="u1544_img" class="img " src="images/数据总览/u1531.png"/>
            <div id="u1544_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1545" class="ax_default _文本段落">
            <div id="u1545_div" class=""></div>
            <div id="u1545_text" class="text ">
                <p><span>什么是新型的淘宝客模式？</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1546" class="ax_default _文本段落">
            <div id="u1546_div" class=""></div>
            <div id="u1546_text" class="text ">
                <p><span>123</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1547" class="ax_default _文本段落">
            <div id="u1547_div" class=""></div>
            <div id="u1547_text" class="text ">
                <p><span>10.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1548" class="ax_default box_1">
            <div id="u1548_div" class=""></div>
            <div id="u1548_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1549" class="ax_default box_1">
            <div id="u1549_div" class=""></div>
            <div id="u1549_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u1550" class="ax_default _图片_">
            <img id="u1550_img" class="img " src="images/数据总览/u1532.png"/>
            <div id="u1550_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u1551" class="ax_default _图片_">
            <img id="u1551_img" class="img " src="images/数据总览/u1533.png"/>
            <div id="u1551_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1552" class="ax_default _文本段落">
            <div id="u1552_div" class=""></div>
            <div id="u1552_text" class="text ">
                <p><span>什么是新型的淘宝客模式？</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1553" class="ax_default _文本段落">
            <div id="u1553_div" class=""></div>
            <div id="u1553_text" class="text ">
                <p><span>什么是新型的淘宝客模式？</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1554" class="ax_default _文本段落">
            <div id="u1554_div" class=""></div>
            <div id="u1554_text" class="text ">
                <p><span>123</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1555" class="ax_default _文本段落">
            <div id="u1555_div" class=""></div>
            <div id="u1555_text" class="text ">
                <p><span>123</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1556" class="ax_default _文本段落">
            <div id="u1556_div" class=""></div>
            <div id="u1556_text" class="text ">
                <p><span>10.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1557" class="ax_default _文本段落">
            <div id="u1557_div" class=""></div>
            <div id="u1557_text" class="text ">
                <p><span>10.00</span></p>
            </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1558" class="ax_default" data-left="36" data-top="1626" data-width="764" data-height="41">

            <!-- Unnamed (Rectangle) -->
            <div id="u1559" class="ax_default box_2">
                <div id="u1559_div" class=""></div>
                <div id="u1559_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1560" class="ax_default _三级标题">
                <div id="u1560_div" class=""></div>
                <div id="u1560_text" class="text ">
                    <p><span>排名</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1561" class="ax_default _三级标题">
                <div id="u1561_div" class=""></div>
                <div id="u1561_text" class="text ">
                    <p><span>商品名称</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1562" class="ax_default _三级标题">
                <div id="u1562_div" class=""></div>
                <div id="u1562_text" class="text ">
                    <p><span>浏览量</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1563" class="ax_default _三级标题">
                <div id="u1563_div" class=""></div>
                <div id="u1563_text" class="text ">
                    <p><span>商品类型</span></p>
                </div>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1564" class="ax_default _文本段落">
            <div id="u1564_div" class=""></div>
            <div id="u1564_text" class="text ">
                <p><span>商品分析&nbsp; &gt;</span></p>
            </div>
        </div>

        <!-- Unnamed (底部公共) -->

        <!-- Unnamed (Rectangle) -->
        <div id="u1566" class="ax_default box_1">
            <img id="u1566_img" class="img " src="images/店铺概况/u165.svg"/>
            <div id="u1566_text" class="text ">
                <p><span>知识店铺运营过程中如有任何问题，请随时联系客服&nbsp; 客服电话：400-921-7005&nbsp; QQ：800049878&nbsp; 在线反馈</span></p>
                <p><span>©2020 Baidu&nbsp; 由 百度云 提供计算服务&nbsp; </span><a id="u1567" class="link"><span>使用百度前必读</span></a><span>&nbsp; </span><a
                        id="u1568" class="link"><span>文库协议</span></a><span>&nbsp; </span><a id="u1569"
                                                                                            class="link"><span>广告服务</span></a><span>&nbsp; </span><a
                        id="u1570" class="link"><span>企业文库</span></a><span>&nbsp; </span><a id="u1571"
                                                                                            class="link"><span>网站地图</span></a>
                </p>
            </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1572" class="ax_default" data-left="870" data-top="2050" data-width="182" data-height="13">

            <!-- Unnamed (Vertical Line) -->
            <div id="u1573" class="ax_default line">
                <img id="u1573_img" class="img " src="images/店铺概况/u172.svg"/>
                <div id="u1573_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Vertical Line) -->
            <div id="u1574" class="ax_default line">
                <img id="u1574_img" class="img " src="images/店铺概况/u172.svg"/>
                <div id="u1574_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Vertical Line) -->
            <div id="u1575" class="ax_default line">
                <img id="u1575_img" class="img " src="images/店铺概况/u172.svg"/>
                <div id="u1575_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Vertical Line) -->
            <div id="u1576" class="ax_default line">
                <img id="u1576_img" class="img " src="images/店铺概况/u172.svg"/>
                <div id="u1576_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
        </div>
        <div id="u1565" style="display:none; visibility:hidden;"></div>
    </div>
</div>
<script src="resources/scripts/axure/ios.js"></script>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    let arr = [];
    for (let i = 1; i <= 24; i++) {
        let dian = i + ":00";
        arr.push(dian);
    }

    // 指定图表的配置项和数据
    option = {
        title: {
            text: ''
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['今日收入', '昨日收入'],
            top: '95%'
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '10%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: arr
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '昨日收入',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 134, 90, 230, 210,120, 132, 101, 134, 90,220, 182, 191, 234, 290, 330, 310, 290, 330, 310, 330, 310]
            },
            {
                name: '今日收入',
                type: 'line',
                stack: '总量',
                data: [220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,290, 330, 310]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

    //test2
    // 基于准备好的dom，初始化echarts实例
    var myChart2 = echarts.init(document.getElementById('main2'));
    let arr2 = [];
    for (let i = 1; i <= 24; i++) {
        let dian = i + ":00";
        arr2.push(dian);
    }

    // 指定图表的配置项和数据
    var option2 = {
        title: {
            text: ''
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['收入', '浏览量','访客数','下载量','支付订单量','付费用户数'],
            top: '95%'
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '10%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: arr
        },
        yAxis: {
            type: 'value'
        },
        series: [
            // ['收入', '浏览量','访客数','下载量','支付订单量','付费用户数'],
            {
                name: '收入',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 134, 90, 230, 210,120, 132, 101, 134, 90,220, 182, 191, 234, 290, 330, 310, 290, 330, 310, 330, 310]
            },
            {
                name: '浏览量',
                type: 'line',
                stack: '总量',
                data: [220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,290, 330, 310]
            },
            {
                name: '访客数',
                type: 'line',
                stack: '总量',
                data: [220, 182, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,220, 182,  191, 234, 290, 330, 310,220, 182, 191, 234]
            },
            {
                name: '下载量',
                type: 'line',
                stack: '总量',
                data: [220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 220, 182, 234, 290, 330, 310,220, 182, 191, 234, 290, 330]
            },
            {
                name: '付费用户数',
                type: 'line',
                stack: '总量',
                data: [220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,290, 330, 310]
            },
            {
                name: '支付订单量',
                type: 'line',
                stack: '总量',
                data: [220, 182, 191, 234, 290, 330, 310,220, 182, 19,220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,12]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart2.setOption(option2);


    // 基于准备好的dom，初始化echarts实例
    var myChart3 = echarts.init(document.getElementById('main3'));
    let arr3 = [];
    for (let i = 1; i <= 24; i++) {
        let dian = i + ":00";
        arr3.push(dian);
    }

    // 指定图表的配置项和数据
    var option3 = {
        title: {
            text: ''
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['浏览量', '访问量'],
            top: '95%'
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '10%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: arr
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '浏览量',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 134, 90, 230, 210,120, 132, 101, 134, 90,220, 182, 191, 234, 290, 330, 310, 290, 330, 310, 330, 310]
            },
            {
                name: '访问量',
                type: 'line',
                stack: '总量',
                data: [220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310,290, 330, 310]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart3.setOption(option3);
</script>
</body>
</html>
